<!DOCTYPE html>
<!-- saved from url=(0024)https://www.ele.me/home/ -->
<html ng-app="eleme" perf-error="desktop/home/" class="ng-scope">
 <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
  <style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide{display:none !important;}ng\:form{display:block;}.ng-animate-block-transitions{transition:0s all!important;-webkit-transition:0s all!important;}.ng-hide-add-active,.ng-hide-remove{display:block!important;}</style> 
  <meta name="renderer" content="webkit" /> 
  <title ng-bind="SEO.title" class="ng-binding">美石斋</title> 
 <!--  <meta name="format-detection" content="telephone=no, email=no" /> 
  <meta name="application-name" content="美食斋网上订餐" /> 
  <meta name="msapplication-tooltip" content="美食斋网上订餐" /> 
  <meta name="msapplication-starturl" content="./" /> 
  <meta name="msapplication-tileimage" content="=http://static11.elemecdn.com/apple-touch-icon.png?v=2" /> 
  <meta name="msapplication-tilecolor" content="#0088ff" /> 
  <meta name="msapplication-task" content="name=切换地区;action-uri=http://ele.me/home;icon-uri=http://static11.elemecdn.com/apple-touch-icon.png?v=2" /> 
  <meta name="msapplication-task" content="name=我要订餐;action-uri=http://ele.me?from=IE;icon-uri=http://static11.elemecdn.com/apple-touch-icon.png?v=2" /> 
  <meta name="msapplication-task" content="name=订单中心;action-uri=http://ele.me/profile?from=IE;icon-uri=http://static11.elemecdn.com/apple-touch-icon.png?v=2" /> 
  <meta name="msapplication-task" content="name=寻求帮助（HELP）;action-uri=http://ele.me/support?from=IE;icon-uri=http://static11.elemecdn.com/apple-touch-icon.png?v=2" /> 
  <meta property="qc:admins" content="2263606250655" /> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
  <link rel="apple-touch-icon-precomposed" href="https://static2.ele.me/apple-touch-icon.png?v=2" /> 
  <link rel="shortcut icon" href="https://static2.ele.me/eleme/desktop/media/img/favicon-16x16.png" type="image/png" /> 
  <link rel="icon" href="https://static2.ele.me/eleme/desktop/media/img/favicon-16x16.png" type="image/png" sizes="16x16" /> 
  <link rel="icon" href="https://static2.ele.me/eleme/desktop/media/img/favicon-32x32.png" type="image/png" sizes="32x32" /> 
  <link rel="icon" href="https://static2.ele.me/eleme/desktop/media/img/favicon.png" type="im age/png" sizes="96x96" />--> 
  <link href="/home/css/vendor.eb86f5.css" rel="stylesheet" /> 
  <link href="/home/css/home.a9ba71.css" rel="stylesheet" /> 
  <!--[if lte IE 8]><script>window.location.href='https://h.ele.me/activities/landing';</script><![endif]--> 
  <script src="/home/api" data-ref="API_CONFIG"></script> 

  <script src="/home/js/perf.js" type="text/javascript" crossorigin="anonymous"></script> 
  <script src="/home/js/vendor.0df01e.js" type="text/javascript" crossorigin="anonymous"></script> 
  <script src="/home/js/home.2adc74.js" type="text/javascript" crossorigin="anonymous"></script>
  <script type="text/javascript" src='/home/js/jquery-1.8.3.min.js'></script>

  <style type="text/css">
	  .shouye{
	  	display: none;
	  }
  </style> 
  <!--<base href="/home/">-->
  <base href="." /> 
  <meta name="mobile-agent" content="undefined" /> 
  <meta name="description" content="美食斋是中国专业的网上订餐平台，目前已覆盖北京、上海、杭州、广州等300多个城市，提供各类中式、日式、韩式、西式、下午茶、夜宵等优质美食，并提供送餐上门服务，让订餐更加轻松，叫外卖就上美食斋！" /> 
  <meta name="keywords" content="美食斋，网上订餐，外卖，快餐外卖，外卖网" /> 
 </head> 
 <body cute-title="" ng-class="{hidesidebar: layoutState &amp;&amp; layoutState.hideSidebar, smallbody: layoutState.smallBody, whitebody: layoutState.whiteBody}" class="hidesidebar whitebody"> 
  <!-- ngView:  --> 
  <div ng-view="" role="main" class="ng-scope"> 
   <div class="map ng-scope" ng-class="{mapmode: mapMode}"> 
    <div class="container mapcontainer"> 
     <div map-header=""></div> 
     <div class="map-main ng-isolate-scope" ng-class="{mapmode: mapMode}" map-main="" map-mode="mapMode"> 
      <h2 class="map-logo"> <img src="/home/img/msz.jpg" alt="美石斋" width="260"   /> </h2> 
      <div class="map-navbar clearfix hasuserinfo" ng-class=""> 
       <div map-city="" hide-search-result="hideSearchResult" current-city="currentCity" class="map-city ng-isolate-scope" map-mode="mapMode"> 
        <a class="mapcity-current ng-binding dianji" href="javascript:" ng-bind="mapCity.current.name" id="select">北京</a> 
        <!-- ngIf: mapCity.showCities --> 
        <div id='shouye' class="mapcity-dialog ng-scope shouye" ng-if="mapCity.showCities" ng-click="stopPropagation($event)"> 
         <div class="mapcity-container ui-scrollbar-light " style="max-height: 500px;"> 
          <div class="mapcity-header"> 
           <div class="mapcity-breadcrumb"> 
            <span class="highlight">选城市</span> &gt; 定位置 &gt; 叫外卖 
           </div> 
           <h3>请选择你所在的城市</h3> 
          </div> 
          <div class="mapcity-guess"> 
           <div class="mapcity-quickguess"> 
            <span class="highlight">猜你在</span> 
            <button type="button" name="button" ng-bind="mapCity.guess.name" ng-click="mapCity.changeCity(mapCity.guess)" class="ng-binding">北京</button> 
           </div> 
           <div class="mapcity-search"> 
             <ul>  
                <li style="list-style:none">
                
                  <select size="1" style="width:116px;height: 25px; margin-left: 30px;"class="ipt1"  id="province">
                      
                      @foreach($res as $value)
                      <option id="o">{{$value->name}}</option>
                       @endforeach 
                  </select>
                  <select  id="city" size="1" style="width:116px;height: 25px; margin-left:6px;" class="ipt1">       
                      <option>市</option>                                         
                  </select>
                  <select  id="county" size="1" style="width:116px;height: 25px; margin-left:6px;" class="ipt1">
                        <option>县/区</option> 
                  </select>
                 
                </li> 
            </ul> 

            <!-- ngIf: mapCity.suggests.length && queryText --> 
           </div> 
          </div> 
          <script type="text/javascript">
              $(.mapcity-current).onclick(function(){
                $(.mapcity-dialog).css("display","block");
              });
          </script>
          <!-- ngIf: mapCity.groups.$resolved --> 
        <div >          
             <button id="areaclick" class="xiaoshi">确定</button>
             <button class="quxiao">取消</button>
        </div>
          <!-- end ngIf: mapCity.groups.$resolved -->
         </div>
        </div>
        <!-- end ngIf: mapCity.showCities -->
       </div>
       <div map-search="" hide-search-result="hideSearchResult" current-city="currentCity" map-mode="mapMode" class="map-search ng-isolate-scope">
        <form class="mapsearch-inputbar ng-pristine ng-valid" action="/shoplist" method="get">
         <input placeholder="请输入你的收货地址（写字楼，小区，街道或者学校）" ng-model="search.keyword" ng-keyup="search.showSuggests($event, search.keyword)" ng-keydown="search.chooseSuggest($event)" ng-click="search.showSuggests($event)" ng-focus="search.showSuggests($event, search.keyword)" class="ng-pristine ng-valid" name="search" />
         <input type="hidden" name="city" id="search"> 
         <button class="btn-stress" type="submit">搜 索</button>
        </form>
        <div class="mapsearch-suggestlist ui-scrollbar-light">
         <!-- ngIf: search.suggests.length -->
         <!-- ngIf: search.done && !search.suggests.length -->
        </div>
        <!-- ngIf: search.resultshow && !hideSearchResult && mapMode -->
       </div>
      </div>
      <div class="map-content"></div>
     </div>
     <div class="mapfooter" map-footer="">
      <div class="mapfooter-app">
       <div class="mapfooter-app-image">
        <img src="/home/img/appqc.95e532.png" alt="扫码下载 APP" /> 
        <span>扫码下载 APP</span>
       </div>
       <div class="mapfooter-app-text">
        <p>新用户首次下单</p>
        <strong class="color-stress">最高立减20元</strong>
        <p>立即下载APP，享更多优惠吧！</p>
       </div>
      </div>
      <p class="mapfooter-link"><a href="http://kaidian.ele.me/" ubt-click="1434">我要开店</a> <a href="https://www.ele.me/support/about" ubt-click="1435">联系我们</a> <a href="https://www.ele.me/support/about/agreement" ubt-click="1436">服务条款和协议</a> <a href="http://jobs.ele.me/" ubt-click="1437">加入我们</a> <a href="https://fengniao.ele.me/">蜂鸟配送</a></p>
      <div class="footer-copyright serif">
       增值电信业务许可证 : 
       <a href="http://www.shca.gov.cn/" target="_blank">沪B2-20150033</a> | 
       <a href="http://www.miibeian.gov.cn/" target="_blank">沪ICP备 09007032</a> | 
       <a href="http://www.sgs.gov.cn/lz/licenseLink.do?method=licenceView&amp;entyId=20120305173227823" target="_blank">上海工商行政管理</a> Copyright &copy;2008-2017 上海拉扎斯信息科技有限公司, All Rights Reserved.
      </div>
      <div class="footer-police container">
       <a href="http://www.zx110.org/picp/?sn=310100103568" rel="nofollow" target="_blank"><img alt="已通过沪公网备案，备案号 310100103568" src="/home/img/picp_bg.e373b3.jpg" height="30" /></a>
      </div>
     </div>
    </div>
   </div>
  </div> 
  <script type="text/javascript">
  	$('.dianji').click(function(){
  		$('#shouye').removeClass('shouye');
  	});

  	$('.xiaoshi').click(function(){
		    $('#shouye').addClass('shouye');

        $('#search').val($('#province option:selected').html()+'>'+$('#city option:selected').html()+'>'+$('#county option:selected').html());

  	   });

    $('.quxiao').click(function(){
       $('#shouye').addClass('shouye');
    });

      // $('#province').mouseout(function(){
      //     var v = $('#province option:selected').html();
      //     $.get('/',{a:123},function(data){
      //         console.log(data);
      //     });
      // });
      
      $('#province').change(function(){
          $('#city option').remove('option');
          var province = $('#province option:selected').html();
          // alert(v);
            $.ajax({
            url: '/',
            data: {province:province},
            type: 'GET',
            dataType: 'json',//数据格式
            success: function(data){
              // console.log(data);
              for (var i = data.length - 1; i >= 0; i--) {
                  $('<option>'+data[i]['name']+'</option>').appendTo('#city');
              }
            },
            error: function(){
              alert('fail');
            },
            timeout: 2000,
            async:true
            });
      });
    
       $('#city').change(function(){
          $('#county option').remove('option');
          var city = $('#city option:selected').html();
          // alert(v);
            $.ajax({
            url: '/',
            data: {city:city},
            type: 'GET',
            dataType: 'json',//数据格式
            success: function(data){
              // console.log(data);
              for (var i = data.length - 1; i >= 0; i--) {
                  $('<option>'+data[i]['name']+'</option>').appendTo('#county');
              }
            },
            error: function(){
              alert('fail');
            },
            timeout: 2000,
            async:true
            });
      });

          
    
  </script>

 </body>
</html>